<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <title>系统用户管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" th:href="@{/static/console/common/images/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/common/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/css/public.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/jqueryPages/jquery-pages.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/css/system/user.css}"/>
</head>

<body>
<div class="paramter-title">
</div>
<form class="layui-form">
    <div class="layui-elem-quote searchTools">
        <div class="layui-inline">
<!--            <label class="layui-form-label">账号</label>-->
            <div class="layui-input-inline">
                <input type="text" placeholder="账号" class="layui-input username">
            </div>
        </div>
        <div class="layui-inline">
<!--            <label class="layui-form-label" style="width: 40px;">姓名</label>-->
            <div class="layui-input-inline">
                <input type="text" placeholder="姓名" class="layui-input name">
            </div>
        </div>
        <div class="layui-inline">
<!--            <label class="layui-form-label" style="width: 40px;">状态</label>-->
            <div class="layui-input-inline">
                <select class="status">
                    <option value="">选择状态</option>
                    <option value="0">正常</option>
                    <option value="1">禁用</option>
                </select>
            </div>
        </div>
        <div class="layui-inline" style="text-align: center;">
            <a class="layui-btn search-btn"><img src="/static/console/img/b_icon_search.png" />查询</a>
            <a href="javascript:void(0)" class="layui-btn addUser" style="background-color:#f0ad4e"><img src="/static/console/img/b_icon_add.png" />添加用户</a>
<!--            <a href="javascript:void(0)" class="layui-btn updateUser" style="background-color:#5d6f97"><img src="/static/console/img/edit.png" />修改</a>-->
<!--            <a href="javascript:void(0)" class="layui-btn userOff" style="background-color:#d9534f"><img src="/static/console/img/off.png" />禁用</a>-->
<!--            <a href="javascript:void(0)" class="layui-btn userOn" style="background-color:#5FB878"><img src="/static/console/img/on.png" />启用</a>-->
<!--            <a href="javascript:void(0)" class="layui-btn concat-btn" style="background-color:#61C3A2"><img src="/static/console/img/concat.png" />关联部门</a>-->
            <a href="javascript:void(0)" class="layui-btn syn-user-btn" style="background-color:#337ab7"><img src="/static/console/img/concat.png" />同步OA通讯录</a>
        </div>
    </div>

</form>
<!--<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">-->
<!--    <legend>用户列表</legend>-->
<!--</fieldset>-->
<form class="layui-form">
    <table class="layui-table userList" lay-filter="table01">
        <thead>
        <tr>
            <th>账号</th>
            <th>昵称</th>
            <th>姓名</th>
            <th>电话</th>
            <th>类型</th>
            <th>状态</th>
            <th>部门</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody class="tableList">

        </tbody>
    </table>
    <div class="userListPage pages"></div>
</form>

<!--添加弹窗-->
<div class="msgModal addUserModal">
    <div class="msgBox">
        <div class="msgBox-title">
            <h3 style="text-align: left; padding-left: 80px;">添加用户</h3>
            <a class="close" href="javascript:void(0);"><img src="/static/console/img/close-btn.png" /></a>
        </div>
        <div class="msgBox-con">
            <form class="layui-form" style="width: 40%;">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">登录账号</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input username" lay-verify="required" placeholder="请输入登录账号">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">密码</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input password" lay-verify="required" placeholder="请输入密码">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">姓名</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input name" placeholder="请输入姓名(选填)">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">电话</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input phone" placeholder="请输入电话(选填)">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">昵称</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input nickname" placeholder="请输入昵称(选填)">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">状态</label>
                        <div class="layui-input-inline">
                            <select class="status">
                                <option value="0">正常</option>
                                <option value="1">禁用</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">邮箱</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input email" placeholder="请输入邮箱(选填)">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">类型</label>
                        <div class="layui-input-inline">
                            <select class="type">
                                <option value="0">普通用户</option>
                                <option value="1">系统管理员</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" style="text-align: center;">
                    <div class="">
                        <a class="layui-btn btn-submit">保存</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<!--修改弹窗-->
<div class="msgModal updateModal">
    <div class="msgBox">
        <div class="msgBox-title">
            <h3 style="text-align: left; padding-left: 80px;">修改用户</h3>
            <a class="close" href="javascript:void(0);"><img src="/static/console/img/close-btn.png" /></a>
        </div>
        <div class="msgBox-con">
            <form class="layui-form" style="width: 40%;">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">登录账号</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input username" lay-verify="required" readonly="readonly" placeholder="请输入登录账号">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">姓名</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input name" placeholder="请输入昵称(选填)">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">密码</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input password" placeholder="请输入密码(选填)">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">邮箱</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input email" placeholder="请输入邮箱(选填)">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-block">
                        <label class="layui-form-label">电话</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input phone" placeholder="请输入电话(选填)">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">昵称</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input nickname" placeholder="请输入昵称(选填)">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" style="text-align: center;">
                    <div class="">
                        <a class="layui-btn btn-submit">保存</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- 用户关联部门弹窗-->
<div class="msgModal concatModal">
    <div class="msgBox">
        <div class="msgBox-title">
            <h3 class="userAndOriginTitle">部门关联用户列表</h3>
            <a class="close" href="javascript:void(0);"><img src="/static/console/img/close-btn.png" /></a>
        </div>
        <div class="msgBox-con">
            <form class="layui-form">
                <div class="layui-elem-quote originSearchTools">
                    <div class="layui-inline">
                        <label class="layui-form-label">类型</label>
                        <div class="layui-input-inline">
                            <select class="type">
                                <option value="-1">请选择</option>
                                <option value="0">集团公司</option>
                                <option value="1">部门</option>
                                <option value="2">工厂</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline" style="text-align: center;">
                        <a class="layui-btn search-btn"><img src="/static/console/img/b_icon_search.png" />查询</a>
                    </div>
                </div>
                <table class="layui-table userAndOriginList" lay-filter="table01">
                    <thead>
                    <tr>
                        <th>部门名称</th>
                        <th>上级部门</th>
                        <th>关联状态</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody class="tableList">

                    </tbody>

                </table>
                <div class="userAndRolesListPage pages"></div>
            </form>
        </div>
    </div>
</div>


<!-- 訂閱早报弹窗-->
<div class="msgModal subModal">
    <div class="msgBox">
        <div class="msgBox-title">
            <h3 class="userAndOriginTitle">订阅列表</h3>
            <a class="close" href="javascript:void(0);"><img src="/static/console/img/close-btn.png" /></a>
        </div>
        <div class="msgBox-con">
            <form class="layui-form" style="width: 50%;">
                <table class="layui-table subscribeList" lay-filter="table01">
                    <thead>
                    <tr>
                        <th>名称</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody class="tableList">

                    </tbody>

                </table>
            </form>
        </div>
    </div>
</div>


<!-- 用户关联部门弹窗-->
<div class="msgModal orgModal">
    <div class="msgBox">
        <div class="msgBox-title">
            <h3 class="userAndOriginTitle">订阅公司早报</h3>
            <a class="close" href="javascript:void(0);"><img src="/static/console/img/close-btn.png" /></a>
        </div>
        <div class="msgBox-con">
            <form class="layui-form" style="width: 40%;">
                <table class="layui-table orgSubList" lay-filter="table01">
                    <thead>
                    <tr>
                        <th>公司</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody class="tableList">

                    </tbody>

                </table>
            </form>
        </div>
    </div>
</div>

<!-- 用户关联部门弹窗-->
<div class="msgModal orgGpsModal">
    <div class="msgBox">
        <div class="msgBox-title">
            <h3 class="userAndOriginTitle">订阅消息</h3>
            <a class="close" href="javascript:void(0);"><img src="/static/console/img/close-btn.png" /></a>
        </div>
        <div class="msgBox-con">
            <form class="layui-form" style="width: 40%;">
                <table class="layui-table orgGpsSubList" lay-filter="table01">
                    <thead>
                    <tr>
                        <th>公司</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody class="tableList">

                    </tbody>

                </table>
            </form>
        </div>
    </div>
</div>

</body>
<script type="text/javascript" th:src="@{/static/console/assets/js/jquery-3.2.1.min.js}"></script>
<script type="text/javascript" th:src="@{/static/console/common/layui/layui.all.js}"></script>
<script type="text/javascript" th:src="@{/static/console/jqueryPages/jquery-pages.js}"charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/base.js}" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/system/user.js}" charset="utf-8"></script>

</html>